*{
    font-family: Helvetica,Tahoma,Arial,"Hiragino Sans GB","Hiragino Sans GB W3","Microsoft YaHei",STXihei,STHeiti,Heiti,SimSun,sans-serif;
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 12px;
    -webkit-tap-highlight-color: rgba(255,255,255,0);
}
 


  .item{
      opacity: 0;
  }


      .actived {
          cursor: pointer;
          top: 325px;
          right: 2px;
          position: fixed;
          z-index: 100;

          .active1 {
              position: relative;
               &:hover {
                   .talk {
                       display: block;
                   }
               }

              .talk {
                  display: none;
                  position: absolute;
                  left: -385px;
                  top: 0;
              }
          }
      }
    .louceng {
        cursor: pointer;
        position: fixed;
        right:  2px;
        top: 300px;
        background-color: white;
    
        z-index: 85;
    
        
         
        
        li {
            width: 44px;
            height: 44px;
            height: 44px;
            line-height: 30px;
              
            text-align: center;
            img {
                width: 100%;
                height: 100%;
            }
           
          
            
        }
    
    }
    


.fixed {
 
    top: 0;
    position: fixed;
    left:0;
    z-index: 10000;
}
.clearfix {

    &::before {
        content: "";
        display: table;
    }
    &::after {
        content: "";
        display: table;
        clear: both;
    }
     *zoom: 1;
}


html,body {
    background-color: #f5f5f5;
   
    height: 9000px;
}
a {
    text-decoration: none;
    color: #beb39e;
}
.w {
  width: 1600px;
  margin: 0 auto;
}
.header {
    width: 1600px;
    background-color: #fff;
 
    .head1 {
        height: 30px;
        background-color: #f4f4f4
       line-height 30px; 
        
        .txt {
            float: left;
            margin-left:154px;
            color: #beb39e;
             font-size: 14px;

        }
        ul {
            float: left;
            height: 30px;
            width: 600px;
            margin-left: 582px;
            color: #beb39e; 
            cursor: pointer;
           li {
               height: 30px;
               line-height: 30px;
               margin-left: 20px;
               float: left;
               &:hover {
                  text-decoration: underline;
            }
  

           }
          
        }

    }
    .head2 {
        height: 190px;

     
        .boxtxt{
            width: 1300px;
            height: 138px;
        
            margin: 0 auto;
            .log{
                float: left;
                margin-top: 34px; 
                margin-right: 10px;
            }
            .txt2 {
                float: left;
                color: #b2988d;
                font-size: 18px;
                margin-top: 50px;
                margin-right: 60px;
            }

            .search {
                width: 470px;
                height: 40px;
                float: left;
                margin-top: 40px;
                input {
                    float: left;
                    height: 40px;
                    width: 360px;
                    text-indent: 16px;
                     line-height: 40px;
                     color: #ccc;
                     font-size: 12px;
                    border: 1px #ccc solid;
                    border-right: none;
                }
                button {
                    border: none;
                    width: 100px;
                    height: 42px;
                    background-color: #b73e3d;
                    text-align: center;
                    line-height: 42px;
                    color: #f4f4f4;
                    float: left;
                    border-radius: 0 5px 5px 0;
                }

            }
            .ewm {
                float: right;
                margin-top: 5px;
            }
        }
       .boxtxt2 {
        z-index: 1000;
           background-color: #fff;
           width: 1600px;
           height: 60px;
          
           
           
         


            .h3 {
                width: 236px;
                height: 48px;
                float: left;
                margin-top: 10px;
                margin-left: 150px;
             
                
                img {
              width: 100%;
              height: 100%;
                }
                

            }
            ul {
                margin-top: 20px;
                float: left;
                margin-left: 30px;

                li {
                    float: left;
                    margin-left: 35px;
                    font-size: 14px;
                    cursor: pointer;
                   &:hover {
                          text-decoration: underline;
                    }


                }
            }

       }  
    }
}
.banner {
    margin-top: 0;
    width: 1600px;
    position: relative;
   
    .first-nav{
        position: absolute;
        left: 150px;
        top:0px;
        width: 236px;
        height: 398px;
        background-color:#e7e7e7;
  
  


        li {
            text-indent: 10px;
            border-bottom: 1px solid #ccc;
            width: 236px;
            height: 48.5px;
            line-height: 48.5px;
            color: #7a8082;
            font-size: 14px;
            
            cursor: pointer;
          
               &:hover {
                      background-color: #ffffff;


                   .boxtxt4 {
                       display: block;
                   }
               }
            .boxtxt4{
            width: 800px;
             height: 398px;
              position: absolute;
              top: 0;
              left: 226px;
              display: none;
                img {
                
                    width: 100%;
                    height: 100%;
                }
            }

            .word{
                color: #000 !important;
            }
        }
    }


    


    .screen {
        position: relative;
        width: 1600px;
        height: 388px;
        overflow: hidden;
        .lt {
            position: absolute;
            left: 384px;
            top: 50%;
            background-color: rgba(0,0,0,.3);
            width: 60px;
            height: 60px;
            border-radius: 0 10px 10px 0;
            color: #f4f4f4;
            font-size: 16px;
            line-height: 60px;
            cursor: pointer;
            text-align: center;

        }
        .gt {
            position: absolute;
            right:  0;
            top: 50%;
            background-color: rgba(0,0,0,.3);
            width: 60px;
            height: 60px;
            border-radius: 10px 0  0 10px ;
            color: #f4f4f4;
            font-size: 16px;
            line-height: 60px;
            cursor: pointer;
            text-align: center;
            right: 80px;

        }
         ul {
             width: 9600px;
              position: absolute;
              height: 388px;
              top:0;
              left: 0;
              
              li {
                  position: absolute;
                  width: 1600px;
                  height: 388px;
              }
             
             img {
                width: 100%;
                height: 100%;
            }
         }
        
      

    }
   
}   
 .content {
     
   .boximg {
       font-size: 18px;
    margin-top: 20px;
     width: 1400px;
     height: 280px;
     margin-left: 150px;

    .watch  {
        position: relative;
        cursor: pointer;
        width: 300px;
        height: 280px;
        overflow: hidden;
        float: left;
        margin-left: 8px;

         .txtbox5{
             color: #fff;
           
             position: absolute;
             left: 110px;
              bottom: 15px;

              .red {
                  color: red;
                  font-size: 18px;
              }
              .ni {
                  margin-top: 8px;
                  text-indent: 8px;
                font-size: 18px; 
              }
         }
         
             
        &:hover {
            .p-img{
             transform: scale(1.2);
            }

        .p-img{
          
           width: 300px;
           transition: all .5s ease;
           height: 280px;
        
       
              
           }
    }
 

  }
   }
  
   
   .boximg2{
       width: 1200px;
       margin-left: 150px;
       background-color: #f5f5f5;
       height: 340px;
       margin-top: 15px;
       .txtbox{
           height: 40px;
            
           h3{
               color: #be3f3d;
               font: size 24px; 
               font-weight: 700px;
               float: left;
               margin: 5px 5px;
           }
           .box{
               float: left;
               height: 34px;
               width: 340px;
               background-color: #be3f3d;
               color:#fff;
               border-radius: 17px 17px ;
               text-indent: 30px;
               line-height: 34px;
               margin-top: 5px;
               margin-left: 20px;
            
           
              
            
           }
           .txx {
               float: right;
               color:#949494;
               margin-top: 5px;
               display: block;
               font-size: 14px;

           }
       }
       .imgbox {
          
           width: 100%;
           height: 280px;
           margin-top: 10px;
            
          
    .watch  {
        cursor: pointer;
        width: 300px;
        height: 280px;
        overflow: hidden;
        float: left;
        position: relative;
        
             
        &:hover {
            .p-img{
             transform: scale(1.2);
            }

        .p-img{
          
           width: 300px;
           transition: all .5s ease;
           height: 280px;
          
       
              
           }
    }
 

  }
         .position{
          position: absolute;
          bottom:30px;
          left: 77px;
          color: #fff;
          font-size: 18px;

          .word1{
              font-size: 12px;
              color: #ccc !important;
              text-indent: 14px;
              margin-top: 8px;
          }
         }
            
         .imgbox1 {
             float: left;
            width: 680px;
           height: 280px;
           position: relative;
           overflow: hidden;
           margin-left: 10px;
           margin-right: 10px;
           margin-right: 10px;
     
           .lt1 {
            position: absolute;
             right: 0;
            top: 40%;
            border-color: #d8d8d8;
            width: 38px;
            height: 60px;
            border-radius: 0 10px 10px 0;
            color: #f4f4f4;
            font-size: 16px;
            line-height: 60px;
            cursor: pointer;
            text-align: center;

        }
        .gt1{
            position: absolute;
            left: 0;
            top: 40%;
       
            width: 38px;
            height: 60px;
            border-color: #d8d8d8;
            color: #f4f4f4;
            font-size: 24px;
            line-height: 60px;
            cursor: pointer;
            text-align: center;
            right: 80px;

        }

           ul {
               width: 3000px;
               position: absolute;
               li {
                   width: 680px;
                   height: 280px;
                   float: left;
              
                   img {
                       width: 100%;
                       height: 100%;
                   }
               }


           }

         }
          .imgbox2 {
             width: 200px;
             background-color: #fff;
             float: right;
             height: 280px;
             position: relative;
             .arr-pre {
                 position:absolute;
                 right:  8px;
                 font-size: 24px;
                 color: #dbdbdb;
                 top: 50%;
                 cursor: pointer;
             }
             .arr-next {
                 
                cursor: pointer;
                position:absolute;
                left:  8px;
                font-size: 24px;
                color: #dbdbdb;
                top: 50%;
            
            }
           
           
            
            
             .screen1{
                position: relative;
                 width: 142px;
                 height: 206px;
                 overflow: hidden;
                 float: left;
                 margin: 20px 29px;

             }
             ol {
                 width: 284px;
                 position: absolute;
                 li {
                     width: 142px;
                     float: left;
                     img {
                         width: 100%;
                         height: 100%;
                     }
                 }
             }

             .icon-list {
                    width: 30px;
                    height: 20px;
                    margin-left :80px ;
                   li {
                        margin-left: 5px;
                        float: left;
                        display:block;
                         width: 10px;
                         height: 10px;
                         border-radius: 5px;
                        background-color: #ccc;
                         
                        
                     }
                     .active {
                        background-color: #cc5252;
                        }

                }

         }
 
         
       }

   }
   .jinxuan{
    margin-top: 10px;
    height: 420px;
}
.jx-top{
    margin-left: 150px;
    height:60px;
}
.jx-top h2{
    line-height: 60px;
    font-size: 20px;
    color: #000;
    font-weight: bold;
    float: left;
}
.topTxt{
    float: left;
    position: relative;
    width:80px;
    height:30px;
}
.topTxt .tpspa1{
    float: left;
    display: block;
    background: #333;
    width:80px;
    height:30px;
    color: #f2d291;
    font-size: 14px;
    margin-top: 16px;
    line-height: 30px;
    text-align: center;
    margin-left: 20px;
    border-radius: 4px;
}
.topTxt .iconfont{
    position: absolute;
    top: 40px;
    left: 50%;
    margin-left: 10px;
}
.ltImg .jxImga{
    float: left;
    margin-left: 150px;
    position: relative;
    width:392px;
    height:360px;
    display: block;
    overflow: hidden;
}
.jxTxt{
    width: 120px;
    height: 60px;
    position: absolute;
    bottom: 20px;
    left: 50%;
    margin-left: -60px;
    text-align: center;
}
.jxTxt .txtp1{
    color: #fff;
    font-size: 20px;
    font-weight: bold;
}
.jxTxt .txtp2{
    margin-top: 8px;
    color: #fff;
    font-size: 14px;
}
.ltImg .jxImga:hover img{
    transform: scale(1.1);
    transition: all 0.7s;
}
.rtImg{
    float: left;
    margin-left: 6px;
    width:796px;
    height: 300px;
    box-sizing: border-box;
}
.rtImg li{
    margin: 0 3px 10px 3px;
    float: left;
}
.rtImg li:hover{
    box-shadow:2px 2px 2px #999;
}

.jinxuan{
    margin-top: 10px;
    height: 420px;
}
.jx-top{
    margin-left: 150px;
    height:60px;
}
.jx-top h2{
    line-height: 60px;
    font-size: 20px;
    color: #000;
    font-weight: bold;
    float: left;
}
.topTxt{
    float: left;
    position: relative;
    width:80px;
    height:30px;
}
.topTxt .tpspa1{
    float: left;
    display: block;
    background: #333;
    width:80px;
    height:30px;
    color: #f2d291;
    font-size: 14px;
    margin-top: 16px;
    line-height: 30px;
    text-align: center;
    margin-left: 20px;
    border-radius: 4px;
}
.topTxt .iconfont{
    position: absolute;
    top: 40px;
    left: 50%;
    margin-left: 10px;
}
.ltImg .jxImga{
    float: left;
    margin-left: 150px;
    position: relative;
    width:392px;
    height:360px;
    display: block;
    overflow: hidden;
}
.jxTxt{
    width: 120px;
    height: 60px;
    position: absolute;
    bottom: 20px;
    left: 50%;
    margin-left: -60px;
    text-align: center;
}
.jxTxt .txtp1{
    color: #fff;
    font-size: 20px;
    font-weight: bold;
}
.jxTxt .txtp2{
    margin-top: 8px;
    color: #fff;
    font-size: 14px;
}
.ltImg .jxImga:hover img{
    transform: scale(1.1);
    transition: all 0.7s;
}
.rtImg{
    float: left;
    margin-left: 6px;
    width:796px;
    height: 300px;
    box-sizing: border-box;
}
.rtImg li{
    margin: 0 3px 10px 3px;
    float: left;
}
.rtImg li:hover{
    box-shadow:2px 2px 2px #999;
}

 }
.content1 {
    .paihang{
        width: 1200px;
        height: 340px;
       
        margin-left:150px;
        margin-top: 15px;
         
       .list {
           width: 1200px;
           height: 60px;
          
        
           .txt11 {
              
             margin-top: 20px; 
            float: right;
            color:#949494;
            margin-top: 5px;
            display: block;
            font-size: 14px;

        }
           
               h3 {
                   float: left;
                   margin: 15px;
    
               }
               ul {
                   float: left;
                   margin-top: 15px;
                   margin-left: 20px;
                   width: 240px;
                   height: 44px;
                   display: flex;
               
                   li {
                      
                      display: block;
                      float: left;
                      cursor: pointer;
                      width: 72px;
                      height: 28px;
                      line-height: 28px;
                      text-align: center;
                      color: #666;
                      background-color: #e6e6e6;
                      border-radius: 2px;
                      margin-right: 8px;
                      &:hover {
                          background-color: #000;

                      }
                   }
               }
              
           }
           .list2 {
               width: 1400px;
               height: 280px;
   

               .ltImg .jxImga{
                float: left;
            
                position: relative;
                width:392px;
                height: 280px;
                display: block;
                overflow: hidden;
            }
            .jxTxt{
                width: 120px;
                height: 60px;
                position: absolute;
                bottom: 22px;
                left: 50%;
                margin-left: -60px;
                text-align: center;
            }
            .jxTxt .txtp1{
                color: #fff;
                font-size: 20px;
                font-weight: bold;
            }
            .jxTxt .txtp2{
                margin-top: 8px;
                color: #fff;
                font-size: 14px;
            }
            .ltImg .jxImga:hover img{
                transform: scale(1.1);
                transition: all 0.7s;
            }
               
           }
           .ph-middle {
                cursor: pointer;
               float: left;
                margin-left: 15px;
                width: 392px;
                height: 280px;
                background-color: #fff;
                position: relative;


                .phb-01  {
                  
                    position: absolute;
                    top: 10px;
                    left: 0;
                    width: 43px;
                    height: 23px;
                    background-color: #d7b78a;
                    line-height: 23px;
                    border-radius: 0 12px 12px 0;
                    color: #fff;

                }

                &:hover {
                      box-shadow:2px 2px 2px #999 ;
                    .sp3 {
                        background-color: #cc9952;
                        color: #fff;
                    }
                    
                }
               .l-img {
                   margin-left: 20px;


               }
                 .r-txt {
                     width: 120px;
                     height: 136px;
                   
                     position: absolute;
                     top: 13%;
                     left:228px
                    
                     
                 }
                 .p1{
                    margin-top: 8px;
                    margin-bottom: 5px;
                    font-size: 16px;
                    color: #333;
                    font-weight: 700;
                    overflow: hidden;
                  
                }
                .sp1{
                    color: #cc9952;
                    line-height: 12px;
                    font-family: DIN-Bold;
                }
                .sp2 {
                    color: #999;
                line-height: 12px;
                font-family: DIN-Bold;
                }
                .sp3 {
                    display: block;
                    margin-top: 25px;
                    width: 87px;
                    height: 26px;
                    line-height: 25px;
                    color: #cc9952;
                    text-align: center;
                    letter-spacing: .86px;
                    border-radius: 100px;
                    border: 1px solid #cc9952;
                }
               

           }
           .ph-right {
               cursor: pointer;
            float: right;
            margin-right: 173px;
            position: relative;
            width: 404px;
            height: 280px;
            margin-left: 12px;
            overflow: hidden;
            
               ul {
             
                width: 404px;
                height: 280px;
                margin-right: -12px;
                margin-bottom: -12px;
                 li {

                     float: right;
                    position: relative;
                    margin-bottom: 12px;
                    margin-right: 12px;
                    width: 190px;
                    height: 134px;
                    overflow: hidden;
                    background-color: #fff;
                    .p-img {
                        width: 118px;
                        height: 118px;
                        margin: 8px auto;
                        text-align: center;
                    }
                    &:hover {
                        box-shadow: 2px 2px 2px shadow;
                        .b-txt{
                            bottom: -8px;
                        }
                    }
                    
            .b-txt {
             position: absolute;
            bottom: -60px;
             width: 100%;
             padding: 15px 0;
             text-align: center;
             line-height: 12px;
             background: rgba(255,255,255,.8);
            -webkit-transition: bottom .3s ease;
             -moz-transition: bottom .3s ease;
            -ms-transition: bottom .3s ease;
            transition: bottom .3s ease;
            .p1 {
                color: #666;
                line-height: 12px;
                margin-bottom: 6px;
            }
            .elps1 {
                text-overflow: ellipsis;
                white-space: nowrap;
                overflow: hidden;
            }
            .sp1 {
                color: #cc9952;
                line-height: 12px;
                font-family: DIN-Bold;
            }
            .sp2 {
                color: #999;
                line-height: 12px;
                font-family: DIN-Bold;
            }
           }
           .phb-02{
               position: absolute;
           top: 10px;
           left: 7px;
           color: #cc9952;
           font-weight: 700;
           line-height: 12px;
           font-family: DIN-Bold;
       }
                }
            }
        }
       
    }
}




.index_floor {
    margin-left: 150px;
    width: 1200px;
    height: 694px;
 
    margin-bottom: 32px;
   
     .boxtxt3 {
        width: 1200px;
        height: 60px;
       

         h3 {
             margin-top: 15px;
             float:left;
             font-size: 24px;
           
         }
         ul {
            margin-left: 10px;
             margin-top: 15px;
             float: left;
             width: 420px;
             height: 28px;

             .active {
                background-color: #333;
                color: #d38c33;
            }
            li {
                float: left;
                margin-left: 5px;
                background-color: #ccc;
                width: 78px;
                height: 28px;
                line-height: 28px;
                text-align: center;
                  &:hover {
                    .icon-d-nav-jiao {
                        display: block;
                    }
                    
                      
                  }
               .icon-d-nav-jiao {
                    display: none;
                    background-image: url(../imgaes/d.png);
                    background-position: -324px -168px;
                    background-size: 475px;
                    width: 11px;
                    height: 4px;
                }
            }
          

         }
         .txx {
             margin-top: 20px;
            float: right;
            color:#949494;
            margin-top: 15px;
            display: block;
            font-size: 14px;
        }
   }
  .list-img {
      width: 1210px;
      height: 544px;
      position: relative;

    
          
       

       .arr {
           position: absolute;
           background-color: #ced0cd;
           color: #fff;
           width: 30px;
           height: 60px;
           top: 44%;
           left: 0;
            font-size: 18px;
            text-align: center;
            line-height: 60px;
            border-radius: 0 10px 15px 0;
            &:hover {
                
                    background-color: #d4b17f;
                }
       }

       .arr1 {
        position: absolute;
        background-color: #ced0cd;
        color: #fff;
        width: 30px;
        height: 60px;
        top: 44%;
        right: 10px;
         font-size: 18px;
         text-align: center;
         line-height: 60px;
         border-radius: 10px 0  0 15px ;

         &:hover {
             background-color:#d4b17f ;
         }
    }
        .selected{
        display: block;



   }
      
      ul {
        position: absolute;
        top:0;
        left: 0;
       display: none;
        cursor: pointer;
        width: 1210px;
        height: 544px;
       
      li {
         
             margin-top: 10px;
             float: left;
             margin-right: 10px;
          
            position: relative;
            &:hover {
                box-shadow: 2px 2px 2px #ccc;
                .position {
                    display: block;

                }
            }
             
           .position {
                display: none;
               position: absolute;
               left: 44px;
               top: 54px;
           }
          
         }
       
    }
      
  }



  .list4 {
      width: 1200px;
      height: 96px;
      margin-top: 15px;
     

      ul {
          width: 1200px;
          height: 96px;
          li {
              &:hover {
                  .position3 {
                      display: block;
                  }
                  img {
                      display: none;
                  }
              }
              float: left;
              width: 190px;
              height: 96px;
              background-color: #fff;
              margin-left: 10px;
              position: relative;
              img {
                  display: block;
                  float: left;
                  margin: 20px 35px;
              }
          }
          .position3 {
              display: none;
              width: 190px;
              height: 96px;
              position: absolute;
              left: 0;
              top: 0;
              background-color: #ccaa7a;
              line-height: 96px;
              text-align: center;
              font-size: 28px;
              color: #fff;
          }

      }
  }

  .jinxuan{
    
    margin-top: 10px;
    height: 420px;
}
.jx-top{
    margin-left: 150px;
    height:60px;
}
.jx-top h2{
    line-height: 60px;
    font-size: 20px;
    color: #000;
    font-weight: bold;
    float: left;
}
.topTxt{
    float: left;
    position: relative;
    width:80px;
    height:30px;
}
.topTxt .tpspa1{
    float: left;
    display: block;
    background: #333;
    width:80px;
    height:30px;
    color: #f2d291;
    font-size: 14px;
    margin-top: 16px;
    line-height: 30px;
    text-align: center;
    margin-left: 20px;
    border-radius: 4px;
}
.topTxt .iconfont{
    position: absolute;
    top: 40px;
    left: 50%;
    margin-left: 10px;
}
.ltImg .jxImga{
    float: left;
    margin-left: 130px;
    position: relative;
    width:392px;
    height:360px;
    display: block;
    overflow: hidden;
}
.jxTxt{
    width: 120px;
    height: 60px;
    position: absolute;
    bottom: 20px;
    left: 50%;
    margin-left: -60px;
    text-align: center;
}
.jxTxt .txtp1{
    color: #fff;
    font-size: 20px;
    font-weight: bold;
}
.jxTxt .txtp2{
    margin-top: 8px;
    color: #fff;
    font-size: 14px;
}
.ltImg .jxImga:hover img{
    transform: scale(1.1);
    transition: all 0.7s;
}
.rtImg{
    float: left;
    margin-left: 6px;
    width:796px;
    height: 300px;
    box-sizing: border-box;
}
.rtImg li{
    margin: 0 3px 10px 3px;
    float: left;
}
.rtImg li:hover{
    box-shadow:2px 2px 2px #999;
}

.jinxuan{
    width: 1400px;
    height: 340px;
  
    margin-top: 10px;
    height: 420px;
}
.jx-top{
    margin-left: 10px;
    height:60px;
}
.jx-top h2{
    line-height: 60px;
    font-size: 20px;
    color: #000;
    font-weight: bold;
    float: left;
}
.topTxt{
    float: left;
    position: relative;
    width:80px;
    height:30px;
}
.topTxt .tpspa1{
    float: left;
    display: block;
    background: #333;
    width:80px;
    height:30px;
    color: #f2d291;
    font-size: 14px;
    margin-top: 16px;
    line-height: 30px;
    text-align: center;
    margin-left: 20px;
    border-radius: 4px;
}
.topTxt .iconfont{
    position: absolute;
    top: 40px;
    left: 50%;
    margin-left: 10px;
}
.jx-btomImg {
   

    .ltImg .jxImga{
        float: left;
        margin-left: 10px;
        position: relative;
        width:392px;
        height:360px;
        display: block;
        overflow: hidden;
    
        .icon-d-sp-btn01 {
            position: absolute;
            left: 42%;
            top: 47%;  
            width: 57px;
            height: 30px;
            background-color: pink;    
        }
    }
    .jxTxt{
        width: 120px;
        height: 60px;
        position: absolute;
        bottom: 94px;
        left: 50%;
        margin-left: -60px;
        text-align: center;
    }
    .jxTxt .txtp1{
        color: #fff;
        font-size: 20px;
        font-weight: bold;
    }
    .jxTxt .txtp2{
        margin-top: 8px;
        color: #fff;
        font-size: 14px;
    }
    .rt-img {
        width: 1400px;
        height: 280px;
         ul {
             width: 100%;
             height: 100%;
              li {
                  margin-left: 10px;
                  float: left;
                  width: 190px;
                  height: 280px;
               &:hover {
                   box-shadow: 2px 2px 2px #ccc;
               }
                  img {
                      width: 100%;
                      height: 100%;
                  }
              }
         }
    }
    
    .ltImg .jxImga:hover img{
        transform: scale(1.1);
        transition: all 0.7s;

     
    }
    
    
}

.boximg {
   
     width: 1400px;
     height: 320px;
     margin-left: -15px;

      h2 {
          width: 1400px;
          height: 40px;
          float: left;
          font-size: 24px;
          margin-left: 20px;
      }


    .watch  {
        margin-bottom: 10px;
        position: relative;
        cursor: pointer;
        width: 300px;
        height: 280px;
        overflow: hidden;
        float: left;
        margin-left: 8px;
        margin-right: 10px;
        background-color: #fff;
        .jxTxt{
            width: 120px;
            height: 60px;
            position: absolute;
            bottom: 5px;
            left: 50%;
            margin-left: -60px;
            text-align: center;
        }
        .jxTxt .txtp1{
          color: #ccc;
            font-size: 20px;
            font-weight: bold;
        }
        .jxTxt .txtp2{
            margin-top: 8px;
             color: #ccc;
            font-size: 14px;
        }
        img {
            width: 100%;
        }

             
        &:hover {
            .p-img{
             transform: scale(1.2);
            }

        .p-img{
          
           width: 300px;
           transition: all .5s ease;
           height: 280px;
        
       
              
           }
    }
 

  }
   }
   .boximg1 {
   
    width: 1400px;
    height: 320px;
    margin-left: -15px;

     h2 {
         width: 1400px;
         height: 40px;
         float: left;
         font-size: 24px;
         margin-left: 20px;
     }


   .watch  {
       margin-bottom: 10px;
       position: relative;
       cursor: pointer;
       width: 300px;
       height: 280px;
       overflow: hidden;
       float: left;
       margin-left: 8px;
       margin-right: 10px;
       background-color: #fff;
       &:hover {
        box-shadow: 2px 2px 2px #ccc;
    }
       .jxTxt1{
           width: 120px;
           height: 60px;
           position: absolute;
           top: 5px;
           left: 50%;
           margin-left: -60px;
           text-align: center;
       }
       .jxTxt1 .txtp1{
         color: #ca9851;
           font-size: 20px;
           font-weight: bold;
       }
       .jxTxt1 .txtp2{
           margin-top: 8px;
            color: #ccc;
           font-size: 14px;
       }
       img {
           width: 100%;
       }

            
       &:hover {
           .p-img{
            transform: scale(1.2);
           }

       .p-img{
         
          width: 300px;
          transition: all .5s ease;
          height: 280px;
         
       
      
             
          }
   }


 }
  }
 
           
}


.footer{
    background: #000;
    width: 1600px;
    height: 400px;
    margin-top: 2464px;

    .foot-top{
        height: 139px;
        padding: 44px 0 80px 0;


        img{
            width:113px;
            height:113px;
        }
        .foottop-Lt{
                float: left;
                margin-left: 130px;
            .p1{
                color: #CC9952;
                font-size: 14px;
                margin-bottom: 10px;
                font-weight: bold;
            }
            .p2{
                color: #CC9952;
                font-size: 20px;
                font-weight: bold;
            }
            .p3{
                color: #f4f4f4;
                font-size: 12px;
                margin-bottom: 16px;
            }
            
      span{
          cursor: pointer;
        display: block;
        width: 134px;
        height: 38px;
        color: #999;
        font-size: 14px;
        text-align: center;
        line-height: 38px;
        border: 2px solid #999;
        border-radius: 20px;

        &:hover {
            background-color: #ccaa7a;
            color: #fff;
        }
    }

        } 
 
        .foottop-Md{
            float: left;
            margin-left: 122px;
            dl{
                width: 139px;
                height: 80px;
                margin-right: 24px;
                float: left;
               
                dt{
                    color:#ccc;
                    font-size:14px;
                    margin-bottom: 13px;
                    font-weight: bold;
                }
                dd{
                    cursor: pointer;
                    font-size:12px;
                    color:#999;
                    margin: 10px 0;
                    &:hover{
                        color: #dcd1a1;
                    }
                }
            }
        }

       
       
      
    }
    
    .foot-btom{
        float: left;
        width: 1200px;
        height: 138px;
        margin: 0 auto;
        margin-left: 420px;
    }
    .footTxt a{
        color: #999;
        font-size: 12px;
        margin: 0 10px;
        .footTxt{
            width: 1200px;
            
            float: left;
          
            height: 41px;
            margin: 0 auto;
            text-align: center;

            span{
                font-size: 14px;
                color: #999;
            }

            .txtp{
                margin-top: 6px;
                display: none;
            }
            .ftp1{
                margin-top: 20px;
            }
            p{
                margin-bottom: 10px;
                font-size: 12px;
                color: #999;
                text-align: center;
            }
    
        }
    }
  
}

 .endimg {
     margin-top: 20px;
     width: 1200px;
     float: left;
     
     height: 30px;
     margin-left: 150px;
      .main{
                float: left;
                margin-left:520px;
      }
      img {
          margin-left: 10px;
      }
 }


  .floor {
      cursor: pointer;
      position: fixed;
      left: 0;
      top: 300px;
      height: 200px;
      width: 100px;
      background-color: yellow;

      ul{
          li {
              width: 100px;
              height: 50px;
              background-color:#fff;
              font-size: 14px;
              line-height: 50px;
              text-align: center;
              border-bottom:1px solid #fff;
              color: #000;
              &:hover {
                background-color: #ccc;
                color: #fff;
            }
          }
          
      }
  }
 


  